.clear::after {
  content: '';
  clear: both;
  display: block;
}

body,
#naviga>ul,
input {
  margin: 0;
  padding: 0;
}

#naviga {
  background-color: rgb(93, 128, 253);
  float: left;
  width: 8%;
  color: white;
  /* float: left; */
}

#logo {
  width: 100%;
}

#logo>img {
  display: block;
  width: 80%;
  margin: auto;
}

li {
  list-style-type: none;
  text-align: center;
  cursor: pointer;
}

#tushu>li,
#user>li {
  height: 50px;
  line-height: 50px;
}

#tushu,
#user {
  height: 50px;
  overflow: hidden;
}

.icon-xiala {
  display: inline-block;
  transform: rotate(0deg);
}

#top {
  width: 92%;
  float: left;
  height: 50px;
  background-color: rgb(250, 250, 250);
}

#shot {
  width: 10%;
  float: right;
  height: 50px;
  cursor: pointer;
  position: relative;
}

#shot>img {
  width: 30%;
  margin-right: 10px;
  border-radius: 41px;
}

#shot>span:last-child {
  color: rgb(192, 196, 204);
}

#out {
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  width: 80px;
  height: 30px;
  position: absolute;
  right: 20%;
  top: 100%;
  z-index: 2;
  background-color: rgb(230, 230, 230);
  display: none;
}

#shot:hover>#out {
  display: block;
}

#out:hover {
  background-color: rgb(64, 158, 255);
  color: white;
}

#name {
  line-height: 50px
}

#main {
  float: left;
  width: 92%;
  background-color: rgb(232, 240, 253);
  padding: 12px 1%;
}

#main>div:first-child {
  background-color: rgb(255, 255, 255);
  padding-left: 10px;
  line-height: 50px;
}

#main>div:nth-child(2) {
  padding: 12px 12px 18px 12px;
  background-color: rgb(255, 255, 255);
  margin-top: 5px;
}

#opera {
  float: left;
}

#opera>button {
  width: 80px;
  height: 35px;
  margin: 0 5px;
  border: none;
  border-radius: 3px;
}

#opera>button:first-child {
  background-color: rgb(83, 168, 255);
  color: white;
}

#opera>button:last-child {
  background-color: rgb(251, 251, 251);
  color: rgb(209, 209, 209);
}

#enquiry {
  float: right;
}

#enquiry>input {
  height: 35px;
  border: 1px solid rgb(238, 238, 238);
}

#enquiry>input::-webkit-input-placeholder {
  color: rgb(204, 204, 204);
}

#enquiry>input:hover {
  border-color: rgb(83, 168, 255);
}

#enquiry>button {
  width: 45px;
  height: 35px;
  background-color: rgb(83, 168, 255);
  color: white;
  border: none;
}

.table {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(238, 238, 238);
  color: rgb(102, 102, 102);
}

.table>thead {
  background-color: rgb(250, 250, 250);
}

.table th,
.table td {
  text-align: center;
  border: 1px solid rgb(238, 238, 238);
}

#yema {
  background-color: rgb(255, 255, 255);
  padding: 15px;
}

#yema>ul {
  float: right;
  margin: 0 15px 0 0;
}

#eachPage {
  float: right;
  margin-left: 20px;
}

.dropdown-menu>li {
  line-height: 34px;
}

.dropdown-menu>li:hover {
  background-color: rgb(212, 212, 212);
}

.pagination>li>a,
.pagination>li>span {
  margin: 0 10px;
  color: rgb(214, 214, 214) !important;
}

.change,
.del {
  color: rgb(64, 158, 255);
  cursor: pointer;
}